/**app.wxss**/
page {
  position: relative;
  height: 100vh;
  --theme-color: #F73A44;
  --theme-linear-gradient: linear-gradient(90deg, var(--theme-color) 0%, #FE3535 100%);
  --theme-linear-gradient-foucs: linear-gradient(90deg, #c47e59 0%, #c59664 100%);
  --theme-box-shadow: 0 0 10rpx #aa02026c;
}

.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0;
  box-sizing: border-box;
}

.top-bar {
  z-index: 997;
  width: 100%;
}

::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}

.my-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  border-radius: 99999rpx;
  background: var(--theme-linear-gradient);
  box-shadow: var(--theme-box-shadow);

  &.normal {
    width: 220rpx;
    height: 80rpx;
  }

  &.small {
    width: 200rpx;
    height: 70rpx;
  }

  &.mini {
    height: 55rpx;

  }

  &.border {
    border: 1rpx solid var(--theme-color);
  }

  .btn-icon {
    width: 28rpx;
    height: 26rpx;
    margin-right: 6rpx;
  }
}

.van-sidebar {
  width: 150rpx !important;
}

.van-sidebar-item {
  background-color: white !important;
  text-align: center;
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 124rpx;
  color: #696969 !important;
  padding: 0 35rpx !important;
  font-size: 30rpx !important;
}

.van-sidebar-item--selected {
  border-color: var(--theme-color) !important;
  background: #FFF8EB !important;
  font-weight: bolder !important;
  color: var(--theme-color) !important;
}

::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}